<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>Vue2.0实例</h1>
    <hr>
    <h3>第一季：走起我的Vue2.0</h3>
    <ol>
        <li><a href="./example/helloworld.html">Hello World 案例</a></li>
        <li><a href="./example/v-if.html">v-if&v-show&v-else</a></li>
        <li><a href="./example/v-for.html">v-for 案例</a></li>
        <li><a href="./example/v-text.html">v-text & v-html 案例</a></li>
        <li><a href="./example/v-on.html">v-on 监听事件 案例</a></li>
        <li><a href="./example/v-model.html">v-model 绑定数据源 案例</a></li>
        <li><a href="./example/v-bind.html">v-bind 案例</a></li>
        <li><a href="./example/others.html">其它内部指令 v-pre & v-cloak & v-once</a></li>
    </ol>
    <hr>
    <h3>第二季：Vue全局AIP</h3>
    <ol>
        <li><a href="./example/vue.directive.html">Vue.directive 自定义指令</a></li>  
        <li><a href="./example/vue.extend.html">Vue.extend 构造器延伸</a></li>  
        <li><a href="./example/vue.set.html">Vue.set 全局操作</a></li>
        <li><a href="./example/shengmingzhouqi.html">构造器的生命周期</a></li>
        <li><a href="./example/template.html">Template 模板的写法</a></li>
        <li><a href="./example/component-1.html">component:组件-1</a></li>
        <li><a href="./example/component-2.html">component:组件-2 props</a></li>
        <li><a href="./example/component-3.html">component:组件-3 父子组件关系</a></li>
        <li><a href="./example/component-4.html">component:组件-4 components who</a></li>
    </ol>
    <hr>
    <h3>第三季：Vue选项</h3>
    <ol>
        <li><a href="./example/propsdata.html">propsData Optin</a></li>        
        <li><a href="./example/computed.html">computed Optin</a></li>        
        <li><a href="./example/methods.html">methods Optin</a></li>
        <li><a href="./example/watch.html">watch Optin</a></li>
        <li><a href="./example/mixins.html">Mixins Optin</a></li>
        <li><a href="./example/extends.html">Extends Optin</a></li>
        <li><a href="./example/otherOption.html">Other Optin</a></li>
    </ol>
    <hr>
    <h3>第四季：Vue实例</h3>
    <ol>
        <li><a href="./example/examples1.html">Early examples Demo-实例属性</a></li>        
        <li><a href="./example/examples2.html">examples method Demo-实例方法</a></li>           
        <li><a href="./example/examples3.html">examples Event Demo-实例事件</a></li>           
    </ol>
    <hr>
    <h3>第五季：Vue内置组件</h3>
    <ol>
        <li><a href="./example/solt.html">slot-组件的内容扩展</a></li>                 
        <li><a href="./example/vue-resource.html">vue-resource</a></li>                 
    </ol>
</body>
</html>